// 顶部背景颜色
$bgColor = #00bcd4
// input 字体颜色
$textColo = #333
// 头部高度
$headerHeight = .86rem
// 字体图标样式
$headerIcon = #fff

// 头部 区域
// Icon区域
// 严选区域
// 排行榜区域
// 头条区域
// 模块区域的 标题
// 百科区域
// 楼讯区域
// 推荐区域
// 底部信息区域


// 外层容器 左右缩进
wrapper()
  padding 0 0.3rem

// 详情页分割边框
TopBorder()
  border-top .2rem solid #f2f2f2

// 标题
title()
  text-align left
  font-size 0.4rem
  font-family PingFang-SC-Bold
  font-weight 700
  color #2f3c4d
  margin-bottom 0.4rem
  margin-top 0.3rem


// 包装器左右布局
item()
  width 100%
  box-sizing border-box
  display flex
  justify-content space-around
  align-items center
  padding 0.2rem
  margin-bottom 0.3rem


// 包装器 下划线
item-border-bottom()
  border-bottom 0.026667rem solid #f8f7f7

// 背景阴影
BackgroundShadow()
  background #fff
  border-radius 0.2rem
  box-shadow 0 0 0.266667rem rgba(142,156,84, 0.1)

// 背景阴影 2
BackgroundShadow2()
  background #fff
  box-shadow 0 0.08rem 0.16rem 0 rgba(0, 0, 0, 0.01)

// 字体溢出 1行 隐藏
overflowEllipsis()
  overflow hidden
  text-overflow ellipsis
  display -webkit-box
  -webkit-box-orient vertical
  -webkit-line-clamp 1

// 字体溢出 2行 隐藏
overflowEllipsis2()
  overflow hidden
  text-overflow ellipsis
  display -webkit-box
  -webkit-box-orient vertical
  -webkit-line-clamp 2

// 图片 100% , 并且有圆角
img()
  width 100%
  height 100%
  border-radius .1rem

// 时间、阅览量。等信息
information()
  font-size 0.2rem
  color #798089
  font-weight 400

// 查看更多按钮
button()
  width 100%
  height 1.066667rem
  line-height 1.066667rem
  border-radius 0.266667rem
  background #f0f2f5
  text-align center
  font-size 0.346667rem
  font-family PingFang-SC-Medium
  font-weight 500
  color #6a81a2
  margin-top 0.4rem
  margin-bottom 0.8rem


// 特卖-小标样式
sale()
  line-height .426667rem !important
  font-size .1rem
  padding 0 .08rem !important
  border-radius .053333rem
  margin-right .133333rem
  background #e9bf3a
  color #fff

// 在售-小标样式
lnsale()
  background none
  font-size .1rem
  padding 0 .08rem !important
  border-radius .053333rem
  margin-right .133333rem
  background #fff
  color #a3c512
  border .026667rem solid #a3c512
  line-height .4rem !important


// 停售-小标样式
discontinued()
  background none
  font-size .1rem
  padding 0 .08rem !important
  border-radius .053333rem
  margin-right .133333rem
  background #ccc
  color #ccc
  border .026667rem solid #ccc
  line-height .4rem !important

// 严选-小标样式
selection()
  line-height .426667rem !important
  font-size .1rem
  padding 0 .08rem !important
  border-radius .053333rem
  margin-right .133333rem
  background #504f5e
  color #f1ddb5



special()
  background #e9bf3a
  color #fff







